{% extends "layout.html" %}

{% block main %}
<div class="d-flex flex-wrap mt-3 text-nowrap">
    <span>当前位置：</span>
    <nav>
        {{breadcrumb}}
    </nav>
</div>
<div class="m-2">
    <h1 class="fs-4 fw-bold">{{data.title}}</h1>
    <div class="text-secondary fs-8 my-3">
        <span>{{data.created_at}}</span>
        <span class="ms-2">分类：</span>
        <span class="category-info">
            {% for item in data.categoryLinks %}
            <a class="link-secondary" href="{{item.url}}" target="_blank">{{item.text}}</a>
            {% endfor %}
        </span>
    </div>
    <div class="content">{{data.htmlContent}}</div>
    <div class="text-secondary fs-8">
        <span>标签：</span>
        <span class="tag-info">
            {% for item in data.tagLinks %}
            <a class="link-secondary me-2" href="{{item.url}}" target="_blank">{{item.text}}</a>
            {% endfor %}
        </span>
    </div>
</div>
{% endblock %}